
{% extends 'visites/include/base.html' %}
{% load staticfiles %}
{% block content %}
    <div class="page-content-wrapper">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="card m-b-30 order-detail-panel" style="height: 300px">
                                <div class="card-header">
                                    收货信息
                                </div>
                                <div class="card-body delivery-info">
                                    <blockquote class="card-bodyquote ">
                                        <p><span class="fa fa-map-marker"></span>配送地址：{{ order.community }}&nbsp;&nbsp;&nbsp;&nbsp;{{ order.point }}&nbsp;&nbsp;&nbsp;&nbsp;{{ order.room_num }}<br><span></span>{{ order.point_address }}</p>
                                        <p><span class="fa fa-user"></span>收货人：{{ order.delivery_name }}&nbsp;&nbsp;&nbsp;&nbsp;{{ order.delivery_tel }}</p>
                                    </blockquote>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="card m-b-30 order-detail-panel" style="height: 300px">
                                <div class="card-header">
                                    订单信息
                                </div>
                                <div class="card-body">
                                    <blockquote class="card-bodyquote">
                                        <p>订&nbsp;单&nbsp;号&nbsp;：{{ order.order_num }}</p>
                                        <p>付款时间：{{ order.time_end }}</p>
                                        <p>订单状态：{{ order.status }}</p>
                                        <p>订单金额：￥{{ order.payment }}</p>
                                        <p>优惠金额：￥{{ order.discount }}</p>
                                        <p>备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：￥{{ order.remarks }}</p>
                                    </blockquote>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="card m-b-30 order-detail-panel">
                            <div class="card-header">
                                商品信息
                            </div>
                            <div class="card-body">
                                <blockquote class="card-bodyquote">
                                    <table class="table order-list product-info">
                                        <thead>
                                        <tr>
                                            <th></th>
                                            <th>名称</th>
                                            <th>数量</th>
                                            <th>单价</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for menu in order.menus %}
                                        <tr>
                                            <td><img src="../../{{ menu.pic_url }}"></td>
                                            <td><b>{{ menu.name }}</b></td>
                                            <td>×{{ menu.amount }}</td>
                                            <td>￥{{ menu.price }}</td>
                                        </tr>
                                        {% endfor %}
                                        </tbody>
                                    </table>
                                </blockquote>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
{% endblock %}